<template>
	<div>
	<div class="qmkj_nr" >
		<div class="qmkj_comlist"
		v-for="(item,index) in kjlist" :key='index'
		>
		<div class="qmkj_left">
			<img :src="item.pic" />
		</div>
		<div class="qmkj_button">
			<p>{{item.name}}</p>
			<p style="color: gray;">{{item.characteristic}}</p>
			<ul >
				<li><span style="color: red;">{{item.minPrice}}</span><br>
					<span style="font-size: 8px;">低价</span>
				
				
				</li>
				<li><span>{{item.originalPrice}}</span><br>
					<span style="font-size: 8px;">原价</span>
				</li>
				<li>
					<span>{{item.stores}}</span><br>
						<span style="font-size: 8px;">限量</span>
				</li>
			</ul>
		</div>
		</div>
		
	</div>
	</div>
</template>

<script>
	export default {
		data(){
			return{
				kjlist:[]
			}
		},
		created() {
			this.$APIurl
				.register()
				.then(res => {
					this.kjlist=res.data.data.goodsMap
						console.log(this.kjlist);
					
				})
		}
	}
	
</script>

<style scoped>
	.qmkj_nr{
		margin-top: 50px;
		width: 100%;
		margin-bottom: 50px;
	}
	.qmkj_bt{
		width: 100%;
		height: 30px;
		text-align: center;
		line-height: 30px;
	}
	.qmkj_bt img{
		width: 15px;
		height: 15px;
	}
	.qmkj_comlist{
		width: 100%;
		height: 140px;
		display: flex;
		margin-top: 5px;
	}
	.qmkj_left{
		width: 37%;
		height: 140px;
	
	}
	.qmkj_left img{
		width: 100%;
		height: 140px;
	}
	.qmkj_button{
		width: 73%;
		height: 140px;
	
	}
		.qmkj_button p{
		font-size: 13px;
	}
	.qmkj_button ul{
		display: flex;
	}
	.qmkj_button ul li{
		width: 50px;
		height: 50px;
		margin-top: 10px;
		margin-left: 20px;
		font-size: 15px;
	}
</style>
